<template>
   <div>
      <el-card>
         <div class="logo">
            <img src="../assets/img/1.jpg" alt="">
            <h2>优秀的后台管理系统</h2>
         </div>
<!--         轮播图-->
         <el-carousel height="300px" type="card" :interval="2000">
            <el-carousel-item>
               <img src="../assets/img/14.jpg" alt="">
            </el-carousel-item>
            <el-carousel-item>
               <img src="../assets/img/9.jpg" alt="">
            </el-carousel-item>
            <el-carousel-item>
               <img src="../assets/img/10.jpg" alt="">
            </el-carousel-item>
            <el-carousel-item>
               <img src="../assets/img/5.jpg" alt="">
            </el-carousel-item>
            <el-carousel-item>
               <img src="../assets/img/15.jpg" alt="">
            </el-carousel-item>
         </el-carousel>
         <h2 class="welcome">欢迎使用</h2>
      </el-card>
   </div>
</template>

<script>
    export default {
        name: "welcome"
    }
</script>

<style scoped>
   .el-carousel__item img{
      height: 100%;
      width: 100%;
   }
   .welcome {
      text-align: center;
      margin: 40px  0px;
   }
   .logo img {
      height: 100%;
   }
   .logo h1 {
      display: inline-block;
      margin-left: 140px;
   }
</style>